<!DOCTYPE html >
<html lang="en"><head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta name="format-detection" content="telphone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/global.css" type="text/css">
    <!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
    <title>购彩大厅</title>
	<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <!-- start  16-09-30 : 下面解决iscroll自带 bug (bugID=1613) -->
    <style>
        body,#wrapper_1{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}/*解决苹果滚动条卡顿的问题*/
        #wrapper_1{overflow-y:visible!important;}
        body.login-bg{padding-top:97px;}
        /*.lott-menu{position:fixed;top:44px;left:0;}*/
    </style>
    <style>
        .gray {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
        }
        /*#qiehuan_wanfa{
        	display: none;
        }*/
  .wanfa{
       	background: #cccccc;
       	width: 100%;
       	text-align: center;
       	color: black;
       	display: inline-block;
       	height: 40px;
       	line-height: 40px;
       	font-size: 1.3rem;
       }
    .gx_wanfa{
       	background-color: #e53120;
       	color: white;
       }
    </style>
    <script>
        //覆盖（重写 ）iscro-lot.js 同名方法避免bug产生 (只有使用IScroll.js的地方才需要调用iscro-lot.js文件中的 loaded()方法 )
        function loaded(){}//空实现
        firstPage = 0;//常亮
        //  document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); //uc浏览器滑动
    </script>


    <!-- end  16-09-30 :  下面解决iscroll自带 bug (bugID=1613) -->
</head>

<body><!-- onload='loaded()' -->
<div class="header">
    <div class="headerTop" style="position: relative;">
        <div class="ui-toolbar-left">
            <button id="reveal-left" onClick="window.history.go(-1);">reveal</button>
        </div>
        <h1 class="ui-toolbar-title">全部彩种</h1>

    </div>
</div>


<!--
<div class="lott-menu">
    <ul>
        <li class="nav_category_0" data-cat="0" style="display:none;"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/goucai_nav_02.png"></a></li>
        <li class="nav_category_0 nav_sel_0" data-cat="0"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/goucai_navs_02.png"></a></li>
        <li class="nav_category_1" data-cat="1"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/goucai_nav_03.png"></a></li>
        <li class="nav_category_1 nav_sel_1" data-cat="1" style="display:none;"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/goucai_navs_03.png"></a></li>
        <li class="nav_category_2" data-cat="2"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/goucai_nav_04.png"></a></li>
        <li class="nav_category_2 nav_sel_2" data-cat="2" style="display:none;"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/goucai_navs_04.png"></a></li>
    </ul>
</div>-->
<div id="wrapper_1" class="nobottom_bar lott_bar" style="padding-top: 0px !important; padding-bottom: 53px;margin-top: -108px;">
    <div class="sub_ScorllCont">
        <div class="lottery-list" hidden="" style="display: block;padding-top:100px;">
            <ul style="margin-top: 50px;">
       
	            {foreach $remhigete as $remsingle}
	             <li class="game_category_{$remsingle.cpclass}" style="height:113px;"><a href="{:url('Game/index')}?game_id={$remsingle.id}" style="display:block;height:105px;">
	             
	             <div class='hot-icon'>
	             
	             <img class='' src='__TEMPLATE__/sysme/images/{$remsingle.id}.png' width='136' />
	             
	             </div>
	             
	             <p class='hot-text'>{$remsingle.cp_name_new}</p><p class='last-time' data-gid='17' data-time=''></p></a>
	             
	             </li>
	            {/foreach}
       
		   </ul>
        </div>
        <div class="lottery-list-erect" style="display: none">
           
        </div>
    </div>
</div>

<script>
    nowIds = ',17,3,12,13,10,11,2,1,5,9,14,15,18,4,7,';
</script>

<script>
    gameShowType = 1;//1:列表，2:方格
    $('.head-list').click(function() {
        gameShowType = 2;
        $('.lottery-list').show();
        $('.lottery-list-erect').hide();
        $(this).parents('.ui-toolbar-right').removeClass('ui-head');
        loaded();
    });
    $('.head-icon').click(function() {
        gameShowType = 1;
        $('.lottery-list').hide();
        $('.lottery-list-erect').show();
        $(this).parents('.ui-toolbar-right').addClass('ui-head');
        loaded();
    });
</script>



<script>
    $('div.lott-menu ul li').click(function() {
        var cat = $(this).data('cat');
        if (cat == 1) 
        { //高频
            $('div.lottery-list ul li.game_category_2').hide();
            $('div.lottery-list-erect ul li.game_category_2').hide();
            $('div.lottery-list ul li.game_category_1').show();
            $('div.lottery-list-erect ul li.game_category_1').show();
        } else if (cat == 2) { //低频
            $('div.lottery-list ul li.game_category_1').hide();
            $('div.lottery-list-erect ul li.game_category_1').hide();
            $('div.lottery-list ul li.game_category_2').show();
            $('div.lottery-list-erect ul li.game_category_2').show();
        } else { //全部
            $('div.lottery-list ul li').show();
            $('div.lottery-list-erect ul li').show();
        }
        for (var i = 0; i < 3; i++) 
        {
            if (i == cat) 
            {
                //选中
                $('div.lott-menu ul li.nav_category_'+i).hide();
                $('div.lott-menu ul li.nav_sel_'+i).show();
            } else 
            {
                //未选中
                $('div.lott-menu ul li.nav_category_'+i).show();
                $('div.lott-menu ul li.nav_sel_'+i).hide();
            }
        }
        loaded();
    });
    
    
    
    

</script>
